<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../normalize.css">
    <link rel="stylesheet" href="./arrSeats.css">
    <title>排座</title>
</head>

<body>
    
    <article>
        <nav>
            <section class="navLeft">
                <div class="btn">预览</div>
                <div class="btn">保存</div>
                <div class="btn">重置</div>
                <div class="btn">推送</div>
                <div class="btn">完成</div>
            </section>
            <section class="navRight">
                <span>选择打印样式</span>
                <div class="btn">打印排座图</div>
                <div class="btn">打印席签</div>
                <div class="btn">打印背签</div>
                <div class="btn" id="import">导入数据</div>   
            </section>
        </nav>
        <section class="arrSeats">
                <table>
                    <tbody id="arrTable">
    
                    </tbody>
                </table>
        </section> 
     </article>
    <div class="popup">
        <span>分组方式:
            <button id="S">S型</button>
            <button id="LR">左右</button>
        </span>
        <div class="popup__detial">
            人员:
            <select name="FZ" id="FZ">
                <option value="9999">--选择分组--</option>
            </select>
            <br>
            <span id="ensureSelect"> 
                <span id="ensureSelect__S">确定排座范围:</span>
                <span id="ensureSelect__LR">确定排座范围:</span>
                <span id="iniSelect">选择</span>
            </span>
            <div class="popup__button">确定</div>
            <div class="popup__button">取消</div>
        </div>
    </div>
    <div id="printDetail"></div>
    <script src="../jquery.min.js"></script>
    <script src="./arrSeats.js"></script>
</body>

</html>